<template>
  <div class="flow-pending">
    <div class="header-title">
      <el-menu :default-active="activeModule" mode="horizontal" @select="handleChangeModule">
        <el-menu-item index="1">站群栏目</el-menu-item>
        <!-- <el-menu-item index="2">融媒体服务</el-menu-item> -->
      </el-menu>
    </div>
    <StationPending v-if="activeModule == 1" :moduleId="activeModule" />
  </div>
</template>

<script setup>
import { computed } from 'vue'
import { useRouter } from 'vue-router'
import StationPending from '@/views/flow/task/components/station/StationPending.vue'

const router = useRouter()
const activeModule = computed(() => {
  let result = '1'
  if(router.currentRoute.value.query.moduleId){
    result = router.currentRoute.value.query.moduleId
  }
  return result
})
const handleChangeModule = (val) => {
  router.push({
    path: '/flow/task/pending',
    query: {
      moduleId: val
    }
  })
}
</script>

<style lang='scss' scoped>
.header-title {
  margin-bottom: 20px;
}
</style>